<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
    	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    	
		<title></title>
		<style>
			label.error{
		   		background: url(../img/unchecked.gif) no-repeat 10px 3px;
				padding-left: 30px;
				font-family:georgia;
				font-size: 15px;
				font-style: normal;
				color: red;
			}

		</style>
	</head>
	<body style="background-image: url(../img/regist_bg.jpg);">
				
		<div class="container" style="width: 700px; height: 500px; background-color: white;border: gray 5px solid;margin-top: 100px;">
			<blockquote>
				  <p><h3 style="font-family: '微软雅黑'; font-weight: bold;">会员注册&nbsp;USER REGISTER</h3></p>				  
			</blockquote>
			
			<div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-8">
				<!--	 -->
					<form class="form-horizontal" id="registerform" action="user/SubmitRegisterInfo" method="get">
					    <div class="form-group">
							<label for="u_name" class="col-sm-3 control-label">用户名</label>
							<div class="col-sm-9">
							  <input type="text" class="form-control" id="u_name" name="u_name" placeholder="请输入5-12位的字符">
							</div>
					    </div>
					    <div class="form-group">
							<label for="u_pwd" class="col-sm-3 control-label">密码</label>
							<div class="col-sm-9">
							  <input type="password" class="form-control" id="u_pwd" name="u_pwd" placeholder="请输入数字和字母">
							</div>
					    </div>
					    <div class="form-group">
							<label for="re_u_pwd" class="col-sm-3 control-label">确认密码</label>
							<div class="col-sm-9">
							  <input type="password" class="form-control" id="re_u_pwd" name="re_u_pwd" placeholder="请输入相同的密码">
							</div>
					    </div>
						<div class="form-group">
							<label for="u_roleid" class="col-sm-3 control-label">选择角色</label>
							<div class="col-sm-9" style="margin-top: 7px;">
								<select id ="u_roleid"class="selectpicker" name="u_roleid" data-live-search="true">
									<option data-tokens="ketchup mustard" value="r001">管理员</option>
									<option data-tokens="ketchup mustard" value="r002">BOSS</option>
								</select>
							</div>
						</div>
						<br />
						<div class="form-group">
							<label class="red hidden col-md-9" style="color:red;padding-left: 100px;" id="errorLog">登录错误</label>
						</div>
					    <div class="form-group" style="padding-left: 130px;">
					    <div class="col-sm-offset-2 col-sm-10">
					      <button type="submit" class="btn btn-danger" id="registerSubmit">注册</button>
					    </div>
					    </div>
					</form>
					<div>
						<button class="btn btn-link pull-right" id="gotologin"><h4>去登录>></h4></button>
					</div>
				</div>
				<div class="col-md-2">

				</div>
					
			</div>		
		</div>


		<script src="jquery/jquery-3.4.1.min.js"></script>
		<script src="bootstrap/js/bootstrap.js"></script>
		<script src="jquery-validation/jquery.validate.js"></script>
		<script src="jquery-validation/messages_zh.js"></script>
		<script src="../js/j_register.js"></script>

	</body>
</html>
